@charset "UTF-8";
@import "compass/css3";


body{
    height: 100%;
    overflow-y: hidden;
    background-color: #f8f8f8;
    
}

.minHeight{
    background: #fff;
    padding: 24px;
    box-shadow: 4px 4px 20px 0 rgba(0,0,0,.01);
    min-height: calc(100vh - 160px);
}
.breadcrumb{
  
  @include display-flex;
  @include justify-content(space-between);
  @include align-items(center);
	height: 40px;
    line-height: 40px;
    padding: 0 24px;
    margin-bottom: -24px;
  .ant-btn{
    height: 35px;
    width: 100px
  }
}
.container{
	margin:15px;
	.content {
    min-height: calc(100vh - 160px);
    position: relative;

    .content-inner {
      background: #fff;
      padding: 24px;
      @include box-shadow(4px 4px 20px 0 rgba(0,0,0,.01));
      min-height: calc(100vh - 184px);
    }
  }
  .search-panel{
    margin-bottom: 20px;
    padding:20px 10px;
    @include border-radius(3px);
    border:1px solid #e9e9e9;
    background-color:#f9f9f8;
    .search-row{
      padding:10px 0;
      &:last-child{
        padding-bottom:0;
      }
      &:first-child{
        padding-top:0;
      }
    }
    .search-col{
      padding: 0 5px;
      @include display-flex;
      @include align-items(center);
      @include box-sizing(border-box);
      .label{
        margin-right:5px;
      }
      .span{
        @include flex(1);
      }
      .ant-calendar-picker{
        width: 100%;
      }
    }
  }

  form{
    .ant-form-item{
      // @include display-flex;
      // @include flex(1);
      // padding:0 20px;
      @include box-sizing(border-box);
      .ant-form-item-label{
        // width: 120px;
        @include display-flex;
        @include align-items(center);
        line-height: 20px;
      }
      .ant-form-item-control-wrapper{
        @include flex(1);
      }
    }
  }
}

//分隔符
.separator{
  margin:0 2px;
  font-style:normal;
  color:#ddd;

}

//查看详情左右布局
.block-detail-container{
  .d-row{
    margin-top:10px;
    @include display-flex;
    @include justify-content(space-between);
    // @include align-items(center);
    width:100%;
    // @include flex-wrap(wrap);
    .d-col{
      @include display-flex;
      width: 100%;
      label{
        width: 120px;
        margin-right:20px;
        text-align: right;
        font-weight: bold;
        @include flex-shrink(0);
      }
      &.middle{
        @include align-items(center);
      }
      img{
        max-width: 100%;
      }
    }
  }
}

.bgWhite{
  background:#fff;
}


.containerWithBorder{
  border:1px solid lightGrey;
}
.containerWithTopBorder{
  border-top:1px solid lightGrey;
}
.containerWithBottomBorder{
  border-bottom:1px solid lightGrey;
}
.containerWithLeftBorder{
  border-left:1px solid lightGrey;
}
.containerWithRightBorder{
  border-right:1px solid lightGrey;
}
.containerWithTopAndBottomBorder{
  border-top:1px solid lightGrey;
  border-bottom:1px solid lightGrey;
}
.containerWithRightAndLeftBorder{
  border-left:1px solid lightGrey;
  border-right:1px solid lightGrey;
}

.containerWithRightAndBottomBorder{
  border-bottom:1px solid lightGrey;
  border-right:1px solid lightGrey;
}

.paddingB20{
  padding-bottom:20px;
}

.paddingTB10{
  padding-top:10px;
  padding-bottom:10px;
}

.paddingL15{
  padding-left:15px;
}
.paddingT15{
  padding-top:15px;
}
.paddingR15{
  padding-right:15px;
}

.padding15{
  padding:15px;
}
.paddingT20{
  padding-top:20px;
}
.clearBoth{
  clear:both;
}

.height20{
  height:20px;
}
.height40{
  height:40px;
}

.anchorContainerStyle{
  padding:15px;
  background:#fff;
  width:100px;
  float:left;
  a{
    text-decoration:none;
    color:#585858;
    visited:{
      color:#585858;
    }
    a:hover{
      color:#585858;
    }
  }

}

.cellPadding{
  padding:15px;
  // padding-top:10px;
  // padding-bottom:10px;
  // padding-left:15px;
}

.greyCellBg{
  background:#F7F7F7;
}


//上传图片
.avatar-uploader,
.avatar-uploader-trigger,
.avatar {
  width: 150px;
  height: 150px;
  line-height: 150px;
}
.avatar-uploader {
  display: block;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
}
.avatar-uploader-trigger {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  color: #999;
}

.paddingT10{
  padding-top:10px;
}
.width15p{
  width:15%;
}
.marL5p{
  margin-left: 5%;
}
.marL10{
  margin-left: 10px;
}
.paddLR10{
  padding:0 10px;
}

.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.table-header{
  position:relative;
  height:30px;
  .table-header-content{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
  }
}
